//@import "main";
@container-weidth: 840px;

@main-color: #AE784F;
@assist-color: #4f4e4e;
@font-family: SimHei, STHeiti;
@default-color: #DEDEDE;

.card {
  width: 190px;
  height: 250px;
  border: 3px solid #ffffff;
  border-radius: 5px;
  background-color: rgba(255,255,255,0.4);
  float: left;

  img {
    width: 56px;
    margin: 50px 65px;
  }

  h3 {
    color: #eba02d;
    text-align: center;
    font-family: STHeiti, SimHei;
    font-size: 24px;
    text-shadow: 1px 1px #4f4e4e;
    margin: 0;
  }

  &:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,0.6);
  }
}

.project {
  margin: auto 90px;
}

.enter {
  width: @container-weidth;
  margin: auto;
}

.login {
  width: 500px;
  font-family: @font-family;

  .container-box-title {
    width: 395px;
    margin: 10px auto;
  }

  .form {
    width: 80%;
    margin: auto;

    .input {
      width: 240px;
    }

    li {
      margin-bottom: 20px;
    }
  }

  .actions {
    width: 280px;
    margin: 0 auto;
  }

  .title {
    margin-left: 50px;
    margin-bottom: 20px;
    font-weight: bold;
  }

  #captchaz{
    height: 30px;
    border: 1px solid @default-color;
  }
}

.sign {
  width: 600px;
  font-family: @font-family;

  .container-box-title {
    width: 395px;
    margin: auto;
  }

  .form {
    margin-left: 40px;

    .input {
      width: 200px;
    }

    li {
      margin-bottom: 20px;
    }
  }

  select {
    background: none;
    outline: none;
    width: 100%;
  }

  .actions {
    width: 240px;
    margin: 0 auto;
  }
}

.message {
  width: 800px;
  font-family: @font-family;

  .container-box-title {
    width: 395px;
    margin: 10px auto;
  }

  .message-table-wrapper{
    position:relative;
    height: 400px;
    width: 700px;
    margin: auto;
    overflow: auto;
    overflow-x: hidden;

    .message-table {
      width: 100%;
      border-collapse: collapse;
  
      th {
        background-color: @default-color;
      }
  
      td {
        text-align: center;
      }

      tr{
        height: 40px;
        border-bottom: 1px dashed @default-color;
      }

      tbody{
        border: 1px solid @assist-color;
      }
    }
  }

  .actions {
    width: 240px;
    margin: 0 auto;
  }

  .title {
    margin-left: 50px;
    font-weight: bold;
    margin-bottom: 10px;
  }
}

#company {
  h3 {
    font-weight: bold;
    font-family: @font-family;
  }

  .actions {
    padding: 20px;

    input {
      width: auto;
    }
  }
}

#capital {
  h3 {
    font-weight: bold;
    font-family: @font-family;
  }

  #corporateProperty {
    text-align: left;
  }

  .actions {
    padding: 10px 30px;
    font-family: @font-family;
    text-align: left;

    input {
      width: auto;
      float: right;
    }

    h4 {
      color: @main-color;
    }

    p {
      font-size: 14px;
      color: @assist-color;
    }

    .more {
      font-weight: bold;
    }

    .do-action{
      text-align: center;
    }
  }

  #about {
    height: 400px;
  }

  .big-row {
    height: 80px;
  }

  #edit-capital {
    float: right;
    display: block;
    margin: 18px auto;
    color: @main-color;
    text-decoration-line: underline;
    font-weight: bold;
    cursor: pointer;
  }

  #capital-title {
    float: left;
  }

  .text-primary {
    color: @main-color;
  }
  .text-assist {
    color: @assist-color;
  }
}

.form {
  .form__item {
    margin-bottom: 10px;
  }

  label {
    display: inline-block;
    width: 80px;
  }
}


.go-tr {
  &:hover {
    cursor: pointer;
    background-color: @default-color;
  }
}

#captcha {
  height: 30px;
  width: 50px;
  margin-bottom: 5px;
}

#captchaz {
  width: 140px;
}

.td__text {
  white-space: initial;
  text-align: left;
}

#regulation-list {
  padding-left: 0;
  height: 400px;
  overflow: auto;

  li{
    height: 30px;

    &:hover {
      cursor: pointer;
    }

    span {
      display: inline-block;

      &:hover{
        text-decoration-line: underline;
      }
    }

    .title {
      float: left;
    }

    .time {
      float: right;
    }
  }
}